<template>
	<div>
		<div id="app">
			<el-card class="box-card">
				<div slot="header" class="clearfix">
					<span>个人信息</span>
				</div>
				<div v-if="us" class="text item" style="margin-left: -113px;">
					姓名:{{us.name}}
				</div>
				<div v-if="us" class="text item" style="margin-left: -100px;">
					账号:{{us.username}}
				</div>
				<div v-if="us" class="text item" style="margin-left: -65px;">
					手机号:{{us.phone}}
				</div>
				<div v-if="us" class="text item" style="margin-left: -100px;">
					积分:{{count}}<br>
				</div>
			</el-card>

			<!--  <ul>
			   	<li v-if="us">
					姓名:{{us.name}}<br>
					账号:{{us.username}}<br>
					手机号:{{us.phone}}<br>
				
				</li>
			   </ul> -->
		</div>
		<div id="app1">
			<el-card class="box-card">
				<div slot="header" class="clearfix">
					<span>每日笑话</span>
				</div>
				<div class="text item">
					老婆：人家的老公双十一直接把她的购物车买光了，你再看看你～
				</div>
				<div class="text item" style="margin-left: -185px;">
					老公：哈哈，其实我早就准备好了。
				</div>
				<div class="text item" style="margin-left: -130px;">
					　老婆：还想给我惊喜呢?说吧，给我准备了啥?
				</div>
				<div class="text item" style="margin-left: -163px;">
					老公：啥也没买，我准备好被你骂了。。
				</div>
			</el-card>


			<!-- 	老婆：人家的老公双十一直接把她的购物车买光了，你再看看你～
			
			　　老公：哈哈，其实我早就准备好了。
			
			　　老婆：还想给我惊喜呢?说吧，给我准备了啥?
			
			　　老公：啥也没买，我准备好被你骂了。。。 -->
		</div>
	</div>
</template>

<script>
	import store from '../../store/modules/user.js'
	export default {
		data() {
			return {
				user: store.state.userList,
				us: store.state.user,
				count: store.state.count
			}
		},
		computed: {
			name() {
				return this.data
			}
		},
		created() {
			store.dispatch("getAlluser")
			


		},
		methods: {



		},
	}
</script>

<style scoped>
	#app {
		width: 1200px;
		margin: 0 auto;
		position: absolute;
		top: 200px;
		left: 700px;
	}

	#app1 {
		position: absolute;
		top: 12.5rem;
		left: 100px;
	}

	.text {
		font-size: 14px;
	}

	.item {
		margin-bottom: 18px;
	}

	.clearfix:before,
	.clearfix:after {
		display: table;
		content: "";
	}

	.clearfix:after {
		clear: both
	}

	.box-card {
		width: 480px;
	}
</style>
